<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tlds/fmt.tld" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tlds/tiles-jsp.tld" prefix="tiles"%>
<jsp:include page="js/administrar_postulantes_js.jsp"></jsp:include>
<br /><br />

<div style="width:800px;position:relative;margin:auto;">
<button class="botonAccion" title="Nuevo Postulante" id="nuevoPostulante" style="width: 140px">Nuevo Postulante</button>
</div>
<br/>
<div style="width:800px;position:relative;margin:auto;">
    <table id="tablaPostulantes">
        <tr>
            <th id="apellido">Apellido</th>
            <th id="nombre">Nombre</th>
            <th id="fechaNacimiento">Fecha Nacimiento</th>
            <th id="detallePerfil">&nbsp;</th>
            <th id="detalleEntrevistas">&nbsp;</th>
        </tr>
        <c:forEach var="postulante" items="${postulantes}">
        <tr>
			<td>${postulante.apellido}</td>
			<td>${postulante.nombre}</td>
			<td>${postulante.fechaNacimiento}</td>
            <td><button class="button" name="detallePerfil" 
		           title="Detalle Perfil" value="${postulante.id}">Detalle Perfil</button></td>
            <td><button class="button" name="detalleEntrevistas" 
		           title="Detalle Entrevistas" value="${postulante.id}">Detalle Entrevistas</button></td>
		</tr>
		</c:forEach>
    </table>
</div>
<br/>